@import 'include/intro.less';
@import 'include/event.less';
@import 'include/list.less';
html,body{
	margin:0 auto;
	padding: 0;
	font-family: Microsoft YaHei;
    height: 100%;
    font-size: 16px;
    min-width: 320px;
    max-width: 1920px;
    color: #333;
    background-color: #F2F1F2;
} 
img{
	border-style:none;
}
ul,li{
	margin: 0;
	padding:0;
	list-style: none;
}
p{
	margin: 0;
	padding: 0;
}
input,select{
	outline: none;
}
a{
	text-decoration: none;
	outline: none;
	color: #333;
}
.clear{
	clear: both;
	display: block;
	height: 0;
}
/***LOGO闪光动画***/
@-webkit-keyframes twinkling{
	0%{
		left:-85px;
	}
	100%{
		left:550px;
	}
}
@keyframes twinkling{
	0%{
		left:-85px;
	}
	100%{
		left:550px;
	}
}


.header{
	position: relative;
	z-index: 999;
	min-width: 1120px;
	max-width: 1920px;
	background-color: #fff;
	.header_main{
		width: 1120px;
		margin: 0 auto;
		.logo{
			float: left;
			height: 80px;
			line-height: 80px;
			position: relative;
			a{
				display: block;
			}
			img{
				height: 70px;
				float: left;
				margin-top: 5px;
			}
			div{
				float: left;
				font-size: 28px;
				font-weight: bold;
				span{
					color: #09B8EA;
					margin-right: 5px;
				}
			}
			&:before{
				content: "";
			    position: absolute;
			    left: -85px;
			    top: -18px;
			    width: 244px;
			    height: 15px;
			    background-color: rgba(255,255,255,0.5);
			    -webkit-transform: rotate(-45deg);
			    -moz-transform: rotate(-45deg);
			    -ms-transform: rotate(-45deg);
			    -o-transform: rotate(-45deg);
			    transform: rotate(-45deg);
			    -webkit-animation: twinkling 1.5s ease-in 1s infinite;
			    -o-animation: twinkling 1.5s ease-in 1s infinite;
			    animation: twinkling 1.5s ease-in 1s infinite;
			}
		}
		.search_content{
			height: 100%;
			float: right;
			.search_box{
				float: right;
				display: block;
				position: relative;
				margin-right: 50px;
				margin-top:21.5px;	
			}
			input{
				width: 250px;
				height: 35px;
				line-height: 35px;
				font-size: 13px;
				padding: 0  55px 0 10px;
				border: 1px solid #D8D8D8;
				border-right: 0;
				
			}
			#search{
				height: 37px;
				width: 46px;
				position: absolute;
				top: 0;
				right: 0;
				cursor: pointer;
				background: #09B8EA url(../images/search.png)no-repeat center center;
				
			}
		}	
	}
	.banner{
		height: 150px;
		max-width: 100%;
		min-width: 1120px;
		overflow: hidden;
		position: relative;
		img{
			position: absolute;
			left: 50%;
			top: 0;
			margin-left: -960px;
		}
	}
	.fir_title{
		width: 100%;
		height: 48px;
		background-color:#09B8EA;
		line-height: 48px;
		text-align: center;	
		background: -webkit-linear-gradient(#0195C3, #09B8EA,#7DDDF3); 
		background: -o-linear-gradient(#0195C3, #09B8EA,#7DDDF3);
		background: -moz-linear-gradient(#0195C3, #09B8EA,#7DDDF3); 
		background: linear-gradient(#0195C3, #09B8EA,#7DDDF3); 
			a{
				display: inline-block;
				margin-right: -7px;
				width: 101px;
				height: 47px;
				color: white;
				text-align: center;
				cursor: pointer;
			}
			.fir_current,.hover{
				background-color: #80DFF6;
				font-weight: bold;
				border-top: 1px solid #80DFF6;
				color:#2B2B2B;
			}
	}
	.sec{
		position: absolute;
		bottom: -32px;
		width:100%;
		height: 32px;
		line-height: 30px;
		display: none;	
	}
	.sec_main{
		width: 1088px;
		height: 100%;
		margin: 0 auto;
		position: relative;
		left: 3px;
	}
	.sec_title{
		float: left;
		height: 32px;
		position: absolute;
		background-color: rgba(255,255,255,.6)!important;
		background-color: #fff;
		filter:alpha(opacity=60);
		a{
			display: block;
			float: left;
			height: 30px;
			font-size: 14px;
			color: #636363;
			text-align: center;
			padding:0 20px;
			cursor: pointer;
			&.current{
				border-bottom: 2px solid #09B8EA;
			}
		}
		a:hover{
			border-bottom: 2px solid #09B8EA;
		}
		span{
			display: inline-block;
			content: "";
			height: 10px;
			float: left;
			margin-top: 15px;
			border-right:1px solid #A9A9A9;	
		}
		&:first-child+.sec_title{
			left: 99px;
			&+.sec_title{
				left: 197px;
				&+.sec_title{
					left: 296px;
					&+.sec_title{
						left: 395px;
						&+.sec_title{
							left: 494px;
							&+.sec_title{
								left: 592px;
								&+.sec_title{
									left: 691px;
									&+.sec_title{
										right: 197px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}


.container{
	width: 1120px;
	margin:20px auto 0;
	.toptitle{
		width: 100%;
		height: 48px;
		line-height: 48px;
		margin-bottom: 18px;
		border-bottom:1px dotted #dddddd;
		span{
			color: #2B2B2B;
			font-size: 18px;
			display: block;
			float: left;
			/*text-align: center;*/

			padding-left: 12px;
			height: 40px;
			line-height: 20px;
			border-left:4px solid #09B8EA;
			i{
				font-size: 12px;
				margin-top: 2px;
				display: block;
				color: #bbb;
				line-height: 18px;
			}
		}
		a{
			color:#09B8EA;
			font-size: 12px;
			float: right;
			display: block;
			margin-right: 10px;
		}
	}
	.box{
		padding:20px 20px 30px;
		background-color: #fff;
		margin-bottom: 20px;
		
		
		//新闻动态列表
		.bo_list{
			width: 48%;
			height: auto;
			float: right;
			/*padding-top: 10px;*/
			padding-bottom: 1px;
			.list_item{
				width: 100%;
				height: 40px;
				border-bottom:1px solid #dddddd;
				a{
					display: block;
					width: 50%;
					height: 40px;
					line-height: 40px;
					float: left;
					text-align: center;
					background-color: #dddddd;
					border-bottom: 1px solid rgb(241,125,74);
					color: #2B2B2B;
					font-size: 14px;

				}
				.item_hover{
					background-color: rgb(241,125,74);
					color: white;
				}
			}
			.li{
				max-height: 321px;
				overflow: hidden;
				ul li{
					width: 100%;
					line-height: 31px;
					height: 31px;
					list-style: none;
					background: url(../images/list2.png) no-repeat  0 16px ;
					list-style-position: inside;
					border-bottom: 1px dotted #ddd;
					position: relative;
					a{
						display:block;
						padding-left: 15px;
						width: auto;
						padding-right: 100px;
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
						color: #2B2B2B;
						font-size: 12px;
					}
					span{
						color: #2B2B2B;
						font-size: 12px;
						display: block;
						position: absolute;
						right: 0;
						top: 0;
					}
					i{
						width: 18px;
						height: 18px;
						line-height: 18px;
						color: #fff;
						font-size: 14px;
						text-align: center;
						font-style: normal;
						position: absolute;
						background: #CCCCCC;
						top: 10px;
						left: 0;
						
					}
					&:first-child{
						i{
							background: #FF944D;
						}
						&+li{
							i{
								background: #4DB7DB;
							}
							&+li{
								i{
									background: #5AC176;
								}
							}
						}
					}
				}
				li:hover{
					background-image: url(../images/list.png);
					a,span{
						color: #09B8EA;
					}
				}
			}
			.hd{
				display: none;
			}
			&.inform{
				float: left!important;

			}
			&.inform,&.team{
				ul{
					/*height: 320px;*/
					overflow: hidden;
					li{
						background-image: none!important;
						
						a{
							padding-left: 28px!important;
						}
						&:hover{
							i{
								display: none;
							}
							a{
								padding-left: 10px!important;
								border-left: 3px solid #FAC400;
								transition:padding-left .2s linear;
								-moz-transition:padding-left .2s linear;	/* Firefox 4 */
								-webkit-transition:padding-left .2s linear;	/* Safari 和 Chrome */
								-o-transition: padding-left .2s linear;	/* Opera */
							}
						}
					}
				}
			}
		}
		.news{
			//轮播
			.news_left{
				float: left;
				width: 48%;
				
			}
			.slideBox{
				/*height: 300px;*/
				position: relative;
				margin-bottom: -5px;
				.hd {
				    overflow: hidden;
				    position: absolute;
				    width: 100%;
				    text-align: right;
				    bottom: 10px;
				    right: 20px;
				    z-index:1;
				    ul {
					    overflow: hidden;
					    zoom: 1;

					    li {
						    display: inline-block;
						    _display: inline;
						    _zoom: 1;
						    width: 10px;
						    height: 10px;
						    border-radius: 50%;
						    cursor: pointer;
						    background: #6A6A68;
						    margin-right: 5px;
							font-size:0;
						    &.on {
							    background:#09B8EA;
							}
							&:last-child{
								margin-right:0;
							}
						}
					}
				}
				.bd {
				    position: relative;
				    /*height: 300px;*/
				    z-index: 0;
					ul{
				    	width: 100%;
				    	height: 100%;
			            position:relative;
			      		overflow:hidden;
						li{
							width:100%;
							
						}
			      		img{
			      			width: 100%;
			      			height: 320px;
			      			margin-bottom: -5px;
			      		}
				    } 
				}
				.next,.prev {
				    position: absolute;
				    left: 3%;
				    top: 50%;
				    margin-top: -25px;
				    width: 26px;
				    height: 35px;
				    background-color: #172127;
				    z-index: 1;
				    background-image: url(../images/slider-arrow.png);
				    background-repeat: no-repeat;
				    background-size: 150px auto;
				    background-position: -105px 8px;
				    filter: alpha(opacity=40);
				    opacity: .4;
				}
				.next {
				    left: auto;
				    right: 3%;
				    background-position: 8px 8px;
				}
			}
			
		}
		.result{
			.picMarquee-left{ 
				width:100%;  
				overflow:hidden; 
				position:relative;  
				border:1px solid #F2F1F2;  
				.hd{ 
					display: none;
				} 
				.bd{ 
					margin:10px;  
					overflow: hidden; 
					 ul{ 
					 	overflow:hidden; 
					 	zoom:1; 
					 	li{ 
					 		margin:0 8px; 
						 	float:left; 
						 	_display:inline; 
						 	overflow:hidden; text-align:center;  
						 	a{
					 			display: block;
					 		}
					 		a:hover{
					 			.item{
					 				color: #09B8EA;
					 			}
						 		.pic{ 
						 			border-color:#09B8EA;  
						 			

						 		}
						 		img{
						 			transform: scale(1.1,1.1);
									-ms-transform: scale(1.1,1.1);	/* IE 9 */
									-webkit-transform: scale(1.1,1.1);	/* Safari 和 Chrome */
									-o-transform: scale(1.1,1.1);	/* Opera */
									-moz-transform: scale(1.1,1.1);	/* Firefox */
						 		}
					 		} 
						 	.pic{ 
						 		text-align:center; 
						 		border:1px solid #ccc; 
						 		padding: 3px;
						 		img{ 
						 			width:150px; 
						 			height:100px; 
						 			display:block; 
						 			padding:2px; 

						 		}
						 		.imgbox{
						 			width: 154px;
						 			height: 104px;
						 			overflow: hidden;
						 		}
						 		
						    }
						    .item{ 
						    	line-height:24px; 
						    	font-size: 15px; 
						    	max-width: 156px;
						    	text-align: center;
						    	overflow: hidden;
						    	text-overflow:ellipsis; 
						    	white-space: nowrap;
						    	color: #888;
						    }
						}
					}
				}
			}
			
		}
		.service_platform{
			margin-left: 20px;
			img{
				margin-top: 10px;
			}
		}
		
	}
	//友情链接
	.box_link{
		position: relative;
		padding: 20px 20px 0px;
		.toptitle{
			border-bottom: none;
			margin-bottom: 0;
		}
	}
	.linkbox{
		display: block;
		position: absolute;
		top: 18px;
		left: 150px;
		.links{
			float: left;
			position: relative;
			span{
				display: block;
				width: 200px;
				text-align: center;
				padding:5px 0 ;
				font-size: 15px;
				border:1px solid #09B8EA;
				border-radius: 5px;
				color: #09B8EA;
				cursor: pointer;
				background: url(../images/down.png)no-repeat 95% center;
				background-size: 14px auto;
			}
			ul{
				width: 100%;
				max-height: 110px;
				overflow-y: auto;
				position: absolute;
				top: 100%;
				margin-top: 5px;
				left: 0;
				background-color: #fff;
				padding:10px 0;
				border:1px solid #09B8EA;
				box-shadow: 1px 1px 6px #eee;
				display: none;
				border-radius: 5px;
				z-index: 999;
				li{
					padding:0 10px;
					font-size: 14px;
					a{
						&:hover{
							color:#09B8EA;
						}
					}
				}
			}
		}
		
	}
	.linkpic img{
		width: 200px;
		height: 60px;
		float: left;
		margin-right: 10px;
	}
	
}
.footer{
	background-color:#232223;
	padding: 20px 0 30px;
	text-align: center;
	color: #949595;
	font-size: 14px;
	line-height: 26px;
	min-width: 1120px;
	max-width: 1920px;
	p{
		margin: 0;
		span{
			margin-left: 10px;
		}
	}
	.link{
		a{
			color: #949595;
			display: inline-block;
			&:hover{
				color:#ddd;
			}
			&:first-child:hover{
				color: #949595!important;
			}
		}
		span{
			display: inline-block;
			content: "";
			height: 10px;
			margin: 15px 10px 0;
			border-right:1px solid #A9A9A9;
		}
	}
}
.empty{
	text-align: center;
	margin-top: 50px;
	img{
		width: 100px;
	}
	span{
		display: block;
		line-height: 30px;
		color: #999;
		font-size: 15px;
	}
}
.totop{
	width: 40px;
	height: 70px;
	text-align: center;
	background-color: #7B7A76;
	position: fixed;
	bottom: 180px;
	right: 20px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	display: none;
	span{
		display: block;
		height: 30px;
		margin-bottom: -8px;
		background: url(../images/top.png)no-repeat center center;
	}
	&:hover{
		background-color: #09B8EA;
		span{
			background-image: url(../images/top1.png)
		}
	}
}